### Vizualizcia nkupnho koka
### Vytvoril weblok 2011 http://www.weblok.sk

VYTVORENIE NKUPNHO KOKA:
===========================
vlote do includes/templates/v_template/common/tpl_header.php - kde chcete zobrazi nkupn kok

<div id="shoppingCart">
<?php				
$product_amount = 0;

  if ($_SESSION['cart']->count_contents() > 0) {
    $products = $_SESSION['cart']->get_products();

    for ($i=0, $n=sizeof($products); $i<$n; $i++) {
		$product_amount = $products[$i]['quantity'] + $product_amount;
		$product_image = zen_image(DIR_WS_IMAGES . $products[$i]['image'], $products[$i]['name'], IMAGE_SHOPPING_CART_WIDTH, IMAGE_SHOPPING_CART_HEIGHT);
		$product_price = $currencies->display_price($products[$i]['final_price'], zen_get_tax_rate($products[$i]['tax_class_id']), $products[$i]['quantity']) . ($products[$i]['onetime_charges'] != 0 ? '<br />' . $currencies->display_price($products[$i]['onetime_charges'], zen_get_tax_rate($products[$i]['tax_class_id']), 1) : '');
	  $product_name = $products[$i]['name'];
  }
  
	
  echo '<div id="shoppingCartHeadAddcart"><a title="Nkupn kok" href="' . zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '">kok:<span><b>' . $product_amount . '</b>/<b>' . $currencies->format($_SESSION['cart']->show_total()) . '</b></span></a>';
  ?>
  <div id="cartHidden">
  
   	  <div id="cartHiddenLeft">
  <?php
       for ($i=0, $n=sizeof($products); $i<$n; $i++) {
		
		$product_image = zen_image(DIR_WS_IMAGES . $products[$i]['image'], $products[$i]['name'], IMAGE_SHOPPING_CART_WIDTH, IMAGE_SHOPPING_CART_HEIGHT);
		$product_price = $currencies->display_price($products[$i]['final_price'], zen_get_tax_rate($products[$i]['tax_class_id']), $products[$i]['quantity']) . ($products[$i]['onetime_charges'] != 0 ? '<br />' . $currencies->display_price($products[$i]['onetime_charges'], zen_get_tax_rate($products[$i]['tax_class_id']), 1) : '');
	  $product_name = $products[$i]['name'];
  
      echo '<div class="miniCartImg">' . $product_image . '</div>';
      echo '<div class="miniCartInfo"><h3><a href="' . zen_href_link(zen_get_info_page($products[$i]['id']), 'products_id=' . $products[$i]['id']) . '">' . $product_name . '</a></h3>';
      echo 'Mnostvo: ' . '<b>' . $products[$i]['quantity'] . '</b><br />';
      echo 'Cena: ' . '<span>' . $product_price . '</span>';
      echo '</div>';
       echo '<hr />';
      }?>
      
      </div>
   
    	<div id="cartHiddenRight">
    	<?php
      
       echo '<a href="' . zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '">' .zen_image_button(BUTTON_IMAGE_TO_CART, BUTTON_TO_CART_ALT) . '</a>';
       echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_OBJEDNAT, BUTTON_OBJEDNAT_ALT) . '</a>';
        echo '<a href="' . zen_href_link(FILENAME_DEFAULT, '', 'NONSSL') . '">' . zen_image_button(BUTTON_IMAGE_CART_DEFAULT, BUTTON_CART_DEFAULT_ALT) . '</a>';
       ?>
       <div>
       	<div id="cartShowTotal">
         <b>Celkov cena:</b> </b />
         <span><?php echo $currencies->format($_SESSION['cart']->show_total()) ?></span></div>
       </div>
      </div>
   
  </div>
  <?php
  } else {
    echo '<div id="shoppingCartHead"><a title="Nkupn kok" href="' . zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '">kok:<span><b>0</b>/<b>0&euro;</b></span></a>';
  
  }	
?>	
		</div>	
	
	</div>


CSS:
===
vlote do includes/templates/v_template/css/stylesheet.css

#shoppingCartHead, #shoppingCartHeadAddcart {
  width: 120px;
  float: right;
  background: #CAEE68 url(../images/shopcart.png) 5px 50% no-repeat;
  padding: 8px 6px 8px 24px;
  display: block;
  margin: 0px 0 0 8px;
  text-align: left;
  text-transform: uppercase; 
   -moz-border-radius: 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; 
}

#shoppingCartHead a, #shoppingCartHeadAddcart a {
   font-size: 10px;
   text-decoration: none;
   color: #565656;
   }  

#shoppingCartHeadAddcart {
  -webkit-box-shadow: 0px 0px 5px 0px #ff0000;
  -moz-box-shadow: 0px 0px 5px 0px #ff0000;
  box-shadow: 0px 0px 5px 0px #ff0000; 
  position: relative;
  }

#shoppingCart {
  float: right;
  } 

#shoppingCartHead span, #shoppingCartHeadAddcart span {
  float: right;
  }
  
#shoppingCartHead a:hover, #shoppingCartHeadAddcart a:hover {
  color: #000;
  text-decoration: none;
  }
  
#shoppingCartHead:hover, #shoppingCartHeadAddcart:hover {
  background-color: #d9ef98;
  }

#shoppingCartHeadAddcart:hover #cartHidden {
  display: block;
  }  

#cartHidden {
  background-color: #d9ef98;
  width: 330px;
   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
  padding: 10px;
  position: absolute;
  top: 22px;
  right: -1px;
  text-transform: none;
  font-size: 12px;
}
 
#cartHiddenLeft {
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 10px;
  float: left;
  width: 180px;
  padding: 10px 10px 0 10px;
  min-height: 145px;
 }
  
.miniCartImg {
  float: left;
  width: 55px;
  height: 55px;
  margin: 0 5px 10px 0;
  }
  
.miniCartInfo {
  margin: 10px 0 10px 60px;
  }

#cartHiddenLeft {
  font-size: 11px;
    }

#cartHiddenLeft a {
  color: #5f781f;
  font-size: 13px;
  text-decoration: underline;
  } 
  
 #cartHiddenLeft a:hover {
  text-decoration: none;
  color: #5f781f;
  }  
 
#cartHiddenLeft h3 {
  margin-bottom: 3px;
  } 
  
#cartHiddenLeft span  {
  font-weight: bold;
  color: #ba0000;
  float: none;
  }

#cartHiddenRight {
  float: right;
  width: 119px;
}

#cartHidden img {
  margin-bottom: 5px;
  } 
  
#cartShowTotal {
  text-align: center;
  padding-top: 5px;
  } 
#cartShowTotal span {
  font-weight: bold;
  font-size: 18px;
  color: #ba0000;
  float: none;
}
  
#cartHiddenLeft hr {
  clear: both;
  height: 1px;
  border: none;
  border-bottom: 1px solid #cfcfcf;
  }

/*------------hack pre IE7-------------*/
#shoppingCart {
  *float: right;
  } 
#shoppingCartHead span, #shoppingCartHeadAddcart span {
  *text-align: right;
  *float: none;
  } 

NZVY BUTTONOV:
==============
vlote do includes/languages/v_jazyk/button_names.php

define('BUTTON_IMAGE_CART_DEFAULT', 'dalejNakupovat.png');
define('BUTTON_IMAGE_OBJEDNAT', 'objednat.png');
define('BUTTON_IMAGE_TO_CART', 'toCart.png');

define('BUTTON_CART_DEFAULT_ALT', 'Pokraova v nkupe');
define('BUTTON_OBJEDNAT_ALT', 'Objedna tovar ktor je v koku');
define('BUTTON_TO_CART_ALT', 'Vstpi do nkupnho koka');